<template>
	<view class="logo uv-flex-row" @click="nav">
		<view class="key a"></view>
		<view class="key i"></view>
		<view class="key type"></view>
	</view>
</template>
<script setup>
	function nav() {
		location.href = '/';
	}
</script>
<style scoped lang="scss">
	.logo {
		cursor: pointer;
		.key {
			width: 44px;
			height: 41px;
			background-size: 100%;
			background-repeat: no-repeat;
			background-position: center center;
			&.a {
				background-image: url(/static/images/logo/logo-A.png);
				&:hover {
					background-image: url(/static/images/logo/logo-A2.png);
				}
			}
			&.i {
				background-image: url(/static/images/logo/logo-I.png);
				&:hover {
					background-image: url(/static/images/logo/logo-I2.png);
				}
			}
			&.type {
				width: 66px;
				background-image: url(/static/images/logo/logo-type.png);
				&:hover {
					background-image: url(/static/images/logo/logo-type2.png);
				}
			}
		}
	}
</style>